import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';


Vue.use(ElementUI, { size: 'small', zIndex: 3000 });

Vue.config.productionTip = false

// 错误处理
Vue.config.errorHandler = (err, vm, info) => {
  console.error('Vue error: ', err, info)
  // 这里可以上报错误到监控系统
  if (process.env.NODE_ENV === 'production') {
    // 生产环境错误上报
    reportError(err)
  }
}

// // 性能监控
// if (process.env.NODE_ENV === 'production') {
//   // 页面性能监控
//   window.addEventListener('load', () => {
//     setTimeout(() => {
//       const timing = performance.timing
//       const loadTime = timing.loadEventEnd - timing.navigationStart
//       console.log('页面加载耗时: ', loadTime)
//       // 上报性能数据
//       reportPerformance(loadTime)
//     }, 0)
//   })
// }

new Vue({
  router,
  store,
  render: h => h(App),
  mounted() {
    // 防止拖拽产生 ghost image
    document.addEventListener('dragstart', (e) => {
      e.preventDefault()
    })
  }
}).$mount('#app')


// export const EventBus = new Vue()   //创建事件总线